<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/6.order.css" />
		
		<!-- 三级联动cs样式 -->
		<style type="text/css">
			body {
				background: #EEEEEE;
				margin: 0;
				padding: 0;
				font-family: "微软雅黑", Arial, Helvetica, sans-serif;
			}

			a {
				color: #006600;
				text-decoration: none;
			}

			a:hover {
				color: #990000;
			}

			.top {
				margin: 5px auto;
				color: #990000;
				text-align: center;
			}

			.info select {
				/* border: 1px #993300 solid; */
				margin-right: 10px;
				background: #FFFFFF;
			}

			.info {
				/* margin: 5px; */
				/* text-align: center; */

			}

			.info #show {
				color: #3399FF;
			}

			.bottom {
				text-align: right;
				font-size: 12px;
				color: #CCCCCC;
				width: 1000px;
			}
		</style>

	</head>

	<body>

		<!-- 遇到的问题：
	1.正则判断，先规定一个正则表达式，reg = /^***$/,用这个正则表达式判断要判断的东西，reg.test(值)，如果是错误的话，也就是false,输出不成功，就好了
	 1.让一个框，淡入淡出，可以，先淡入后淡出，可以写在后面的异步操作中，例如
	 fadeIN(时间，类型，回调函数)，他是一个异步操作，要想他先执行完，在执行后面的，只能写到他的回调函数中
	 -->


		<!--------------- logo-------- -->
		<div id="logo">
			<a href="1shouye.html"><img class="logo" src="imgs/logo@2x.png"></a>
		</div>


		<!-- 正文 -->
		<div id="content">
			<p class="text">确认及付款</p>
			<p class="address">收货信息</p>
			<ul class="tishi">
				<li class="tishili">
					<p class="circle"></p>使用新地址
				</li>
				<li class="tishili">*为必须</li>
			</ul>
		</div>

		<!-- 信息部分 -->
		<div id="write">
			<div id="writecon">
				<!-- 1-------- -->
				<p class="writeleft">姓名*</p>
				<p class="writeright">您的手机*</p>
				<!-- 2------- -->
				<input type="text" id="name" />
				<input type="text" id="phone" />
				<!-- 3---------- -->
				<p class="name"></p>
				<p class="phone"></p>
				<!-- 4-------------- -->
				<ul class="province">
					<li>省市*</li>
					<li>城市*</li>
					<li>区*</li>
				</ul>
				<p class="surephone">固定电话</p>
				<!-- 5------------------- -->
		
				<!-- 三级联动 -->
				<div id="selectpro">
					<div class="info">

						<div>

							<select id="s_province" name="s_province"></select>  

							<select id="s_city" name="s_city"></select>  

							<select id="s_county" name="s_county"></select>

							<script class="resources library" src="area.js" type="text/javascript"></script>



							<script type="text/javascript">
								_init_area();
							</script>

						</div>

						<!-- <div id="show"></div> -->

					</div>
				</div>
				<input type="text" id="surephone" />
				<!-- 6----------- -->
				<p class="sureaddress">详细地址*</p>
				<p class="mail">邮编</p>
				<!-- 7------------------ -->
				<input type="text" id="sureaddress" />
				<input type="text" id="mail" />

				<button type="button" id="save">保存</button>
				<button type="button" id="cancel">取消</button>
			</div>
		</div>

		<!-- 保存后出现的块 -->
		<div id="addcon">
			<div id="aftersave">
				<span class="rename"></span>
				<span class="rephone"></span></br>
				<span class="sheng"></span>
				<span class="shi"></span>
				<span class="qu"></span></br>
				<span class="real"></span>
			</div>
		</div>


		<!-- 订单详情----------------------- -->
		<div id="orderdetails">
			<p class="orderdetails">订单详情</p>
		</div>

		<!---------购物车 ------------->
		<div id="sel">
			<!-- 头部 -->
			<div id="header">

				<span>商品</span>
				<span>单价</span>
				<span>数量</span>
				<span>小计</span>
			</div>

			<!-- 中间 -->
			<div id="center">

				<img src="">
				<ul class="ec">
					<li class="ename"></li>
					<li class="counts"></li>
				</ul>

				<p id="danjia">￥ <span class="singleprice"></span></p>
				<div id="count">
					
					<span class="count"></span>
				
				</div>
				<p id="xiaoji">￥ <span class="xiaoji"></span></p>
				
			</div>
		</div>

		<!-- 最后支付环节 -->
		<div id="payfor">
			<button type="button" class="nowpay">立即支付</button>
		</div>



		<!-- 弹出框 -->
		<div id="box">
			系统繁忙，请稍后再试
		</div>
	</body>
</html>
<script src="js/jQuery.js"></script>
<script src="js/6.order.js"></script>


<!-- 三级联动 -->
<script>
	var Gid = document.getElementById;

	var showArea = function() {

		Gid('show').innerHTML = "<h3>省" + Gid('s_province').value + " - 市" +

			Gid('s_city').value + " - 县/区" +

			Gid('s_county').value + "</h3>"

	}

	Gid('s_county').setAttribute('onchange', 'showArea()');
</script>
